<template>
    <div class="card" v-for="(item,index) in list" :key="index">
        <div class="d-fix">
            <img src="~@/assets/list/ggao.png" class="lb" />
            <div class="tit" >{{item.title}}</div>
            <div class="time">{{item.create_time}}</div>
        </div>
        <div class="desc">{{item.content}}</div>
    </div>
    <div class="pages">
        <el-pagination
                small
                layout="prev, pager, next"
                :total="total"
                :page-size="pageSize"
                @current-change="currentChange"
                hide-on-single-page
        ></el-pagination>
    </div>
</template>

<script>
    export default {
        name: "message",
        props: ['list','total','pageSize'],
        setup(props,emit) {
            const currentChange = (e) => {
                emit.emit('currentChange',e)
            }
            return {
                currentChange
            }
        }
    }
</script>

<style scoped>

</style>
